Component({
  /**
   * 组件的属性列表
   */
  properties: {
    bg: { // 背景
      type: String,
      value: "transparent"
    },
    direction: { //布局方向 row、column
      type: String,
      value: "column"
    },
    layout: { // 布局形式 L,R,T,B,X,Y=左、右、上、下、X轴居中、Y轴居中
      type: String,
      value: "left" //left,right,centerX,centerY,centerXY,bottom
    },
    padding: { // 布局形式
      type: String,
      value: "0"
    },
    loading: { // 布局形式
      type: Boolean,
      value: false
    },
  },

  /**
   * 组件的初始数据
   */
  data: {
    background: "background:transparent;",
    loadingicon: ""
  },
  observers: {
    //监听配置文件
    'bg': function (value) {
      value = value || null;
      if (value != null) {
        value = value + "";
        if (value.indexOf("http") > -1 || value.indexOf(";base64") > -1) {
          this.setData({
            background: `background-image:url(${value});`
          })
        } else {
          this.setData({
            background: `background:${value};`
          })
        }
      }

    }
  },
  /**
   * 组件的方法列表
   */
  methods: {

  }
})